<!doctype html>
<!--[if lt IE 8 ]><html lang="en" class="no-js ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie"><![endif]-->
<!--[if (gt IE 8)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Constellation Admin Skin</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Combined stylesheets load -->
	<!-- Load either 960.gs.fluid or 960.gs to toggle between fixed and fluid layout -->
	<link href="css/main.css" rel="stylesheet" type="text/css">

	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<link rel="icon" type="image/png" href="favicon-large.png">

	<!-- Modernizr for support detection, all javascript libs are moved right above </body> for better performance -->
	<script src="js/libs/modernizr.custom.min.js" tppabs="http://www.display-inline.fr/demo/constellation/template/js/libs/modernizr.custom.min.js"></script>

     
</head>

<body>


	<div id="header-shadow"></div>
	<!-- End header -->

	<!-- Always visible control bar -->
	<div id="control-bar" class="grey-bg clearfix"><div class="container_12">

	</div></div>
	<!-- End control bar -->

	<!-- Content -->
	<article class="container_12">		

		<section class="grid_8">
			<div class="block-border">
				<form name="CreatContact" class="block-content form" id="complex_form" method="post" action="listContact.htm" >
					<h1>Edit Contact</h1>
					<div class="block-controls"></div>
					<ul class="message warning no-margin">
						<li id="message">This is a <strong>warning message</strong>, inside a box
						</li>
						<li class="close-bt"></li>
					</ul>
					<div class="columns">
						<div>
							<ul class="tabs js-tabs same-height">
								<li class="current"><a href="#tab-locales" title="Locales">Details</a></li>
							</ul>
							<div class="float-right" style="margin: -2.5em 2em 0 0;">
							
								<a class="button" title="Save"  onclick="ValidateData()"> 
								<span class="smaller"><img
										height="16" width="16"
										src="images/icons/fugue/tick-circle.png"><strong>
											SAVE </strong></span>
								</a>
								<!-- input type="submit" value="Save"/> -->
								 <a class="button" title="Back" href="javascript:history.back();"> <span
									class="smaller"><img height="16" width="16"
										src="images/icons/fugue/navigation-180.png"><strong>
											BACK </strong></span>
								</a>
							</div>
							<!--END .float-right-->

							<div class="tabs-content">
								<div id="tab-locales">
									<div>
										<div class="columns">
											<p class="colx2-left">
												<label for="complex-en-url">First Name <font color="red">*</font></label>
												<input type="text" name="contact.firstName" id="complex-en-subtitle" value= "123"
													size = "55" />
											</p>
											<p class="colx2-right">
												<label for="complex-en-subtitle">Manager Name</label>
												<input type="text" name="itemCurrent.contactid"
													id="complex-en-subtitle" value="" size="40"/> 
												<a href="#">Lockup</a>
											</p>
										</div>

										<div class="columns">
											<p class="colx2-left">
												<label for="complex-en-url">Sur Name <font color="red">*</font></label>
												<input type="text" name="surname" id="complex-en-subtitle" value="Nguyen"
													size = "55"  />
											</p>
											<p class="colx2-right">
												<label for="complex-en-url">Contact Type <font color="red">*</font></label> 
												<input type="text" name="contacttype" id="complex-en-subtitle" value="File Manager"
													size = "55"  />
											</p>
										</div>
										<div class="columns">
											<p class="colx2-left">
												<label for="complex-en-url">Known As</label> 
												<input type="text" name="itemCurrent.surname" id="complex-en-subtitle" value=""
													size = "55"  />
											</p>
											<p class="colx2-right">
												<label for="complex-en-url">Best Contact Method</label> 
												<input type="text" name="itemCurrent.contacttype" id="complex-en-subtitle" value=""
													size = "55"  />
											</p>
										</div>
										<div class="columns">
											<p class="colx2-left">
												<label for="complex-en-url">Office Phone</label> 
												<input type="text" name="itemCurrent.surname" id="complex-en-subtitle" value="0240872531"
													size = "55"  />
											</p>
											<p class="colx2-right">
												<label for="complex-en-url">Job Role</label> 
												<input type="text" name="itemCurrent.contacttype" id="complex-en-subtitle" value=""
													size = "55"  />
											</p>
										</div>
										<div class="columns">
											<p class="colx2-left">
												<label for="complex-en-url">Mobile Phone</label> 
												<input type="text" name="itemCurrent.surname" id="complex-en-subtitle" value="0958545765"
													size = "55"  />
											</p>
											<p class="colx2-right">
												<label for="complex-en-url">Work Base</label> 
												<input type="text" name="itemCurrent.contacttype" id="complex-en-subtitle" value=""
													size = "55"  />
											</p>
										</div>
										<div class="columns">
											<p class="colx2-left">
												<label for="complex-en-url">ST Home Phone</label> 
												<input type="text" name="itemCurrent.surname" id="complex-en-subtitle" value=""
													size = "55"  />
											</p>
											<p class="colx2-right">
												<label for="complex-en-url">Job Title</label> 
												<input type="text" name="itemCurrent.contacttype" id="complex-en-subtitle" value=""
													size = "55"  />
											</p>
										</div>
										<div class="columns">
											<p class="colx2-left">
												<label for="complex-en-url">Email Address</label> 
												<input type="text" name="itemCurrent.surname" id="complex-en-subtitle" value="h2n1827@gmail.com"
													size = "55"  />
											</p>
											<p class="colx2-right">
												<label for="complex-en-url">Is Active ?</label> 
												<input type="checkbox" checked="check" name="itemCurrent.contacttype" id="complex-en-subtitle" value=""
													  />
											</p>
										</div>

									</div>

								</div>
								<!--END .tab-locales-->

							</div>
							<!--END .tabs-content-->

						</div>

					</div>
					<!--END .columns-->

				</form>
				<!--END Tag Form-->

			</div>
		</section>


		<div class="clear"></div>

	</article>

	<!-- End content -->

	<footer>

		<div class="float-left">
			<a href="javascript:void(0)" class="button">Help</a>
			<a href="javascript:void(0)" class="button">About</a>
		</div>

		<div class="float-right">
			<a href="#top" class="button"><img src="images/icons/fugue/navigation-090.png" tppabs="http://www.display-inline.fr/demo/constellation/template/images/icons/fugue/navigation-090.png" width="16" height="16"> Page top</a>
		</div>

	</footer>